<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>baked&goods</title>
    <!--<script type="text/javascript" src="js/jquery.min.js"></script>-->
    <link type="text/css" href="css/font-awesome.min.css" rel="stylesheet">
    <link type="text/css" href="css/bootstrap.min.css" rel="stylesheet">
    <link type="text/css" href="css/ionicons.min.css" rel="stylesheet">
    <link type="text/css" href="css/common.css" rel="stylesheet">
    <link type="text/css" href="css/goods-manage.css" rel="stylesheet">
    <link type="text/css" href="css/total-infor.css" rel="stylesheet">
    <link type="text/css" href="css/opr-goods.css" rel="stylesheet">
    <link type="text/css" href="css/add-goods.css" rel="stylesheet">
</head>
<body class="row">
<div class="col-md-2 left">
    <div class="left-top">
        <img src="images/logo.png" width="113" height="30" class="img-logo"/>
    </div>
    <input class="search" type="text" placeholder="SERCH...">
    <img src="images/search.png" width="14" height="14" class="img-search">
    <ul class="f-16 parent">
		<li id="production-parent">
			<a href="#"><img src="images/production-manage.png" width="22" height="22"> 商品管理<i class="fa fa-angle-double-right back"></i></a>
		</li>
		<li class="production-child">
			<a href="total-infor.html"><i class="fa  fa-hand-o-right second"></i>货柜管理</a></li>
		</li>
		<li class="production-child">
			<a href="production-manage.html"><i class="fa  fa-hand-o-right second"></i>订单管理</a></li>
		</li>
		<li id="home-parent">
			<a href="#"><img src="images/home.png" width="22" height="20"> 首页管理<i class="fa fa-angle-double-right back"></i></a>
		</li>
		<li class="home-child">
			<a href="homeUploadImg.html"><i class="fa  fa-hand-o-right second"></i>轮播图上传</a>
		</li>
		<li class="home-child">
			<a href="releaseAnnounce.html"><i class="fa  fa-hand-o-right second"></i>公告发布</a>
		</li>
		<li>
			<a href="send-more.html"><img src="images/information.png" width="22" height="22"> 站内信<i class="fa fa-angle-double-right back"></i></a>
		</li>
    </ul>
</div>
<div class="col-md-10 right f-r">
    <header>
        <p class="f-16 t-c" id="time"></p>
        <p class="f-10 t-c" id="date"></p>
        <div class="welcome">
            <img src="images/message.png" width="25" height="27">
            <div class="circle color-white f-10 t-c">4</div>
            <img src="images/user.png" id="user" width="32" height="32">
            <p class="f-14" id="welcome"></p>
        </div>
    </header>
    <main class="clearfix">
    	<!--tab-->
        <ul class="nav nav-tabs tab col-md-8 m-b-20 m-l-30" role='tablist' id="myTab">
			<li role='presentation' class="active"><a href="#total" data-toggle="tab">商品信息</a></li>
			<li role='presentation'><a href="#up-goods" data-toggle="tab">商品上架</a></li>
			<li role='presentation'><a href="#down-goods" data-toggle="tab">商品下架</a></li>
			<li role='presentation'><a href="#add-goods" data-toggle="tab">添加商品</a></li>
			<li role='presentation'><a href="#goods-detail" data-toggle="tab">详情信息</a></li>
		</ul>
		
		<!-- content -->
		<div class="content col-md-8 tab-content">
			<!--商品信息 total-infor-->
			<div role='tabpanel' class="total-infor tab-pane clearfix active" id="total">
				<!-- title 在tab下指明现在所属的tab -->
				<div class="title m-b-20 clearfix">
					<img src="images/total-infor.png" class="f-l"/>
					<span class="f-l f-16">商品信息</span>
				</div>
				<div class="clearfix">
					<table id="infor-table" rules="rows" bordercolor="#c5939c" width="100%" cellpadding="0" cellspacing="0" align="center">
						<tbody>
							<!--table标题-->
							<caption class="t-c f-20">商品统计信息</caption>
							<!--<tr>
								<td>商品总数：</td>
								<td></td>
							</tr>
							
							<tr>
								<td>上架商品：</td>
								<td></td>
							</tr>
							<tr>
								<td>未上架商品：</td>
								<td></td>
							</tr>
							<tr>
								<td>商品评论：</td>
								<td></td>
							</tr>-->
						</tbody>
					</table>
				</div>
			</div>
			
			<!--商品上架 up-goods-->
			<div role='tabpanel' class="up-goods tab-pane" id="up-goods">
				<!-- title 在tab下指明现在所属的tab -->
				<div class="clearfix m-b-30">
					<div class="title m-b-20 clearfix">
						<img src="images/up-goods.png" class="f-l"/>
						<span class="f-l f-16">未上架商品</span>
						<!----批量上架btn------>
						<input type="button" value="批量上架"  id="more-up">
						<!--select-CheckBox-->
						<div id="check">
							<label><input id="upAll" type="checkbox" name="select" /><span>全选</span></label>
							<!--<label><input id="others" type="checkbox" name="select" /><span>反选</span></label>-->
						</div>
					</div>					
				</div>
				<!--未上架商品列表-->
				<ul id="toUpList" class="list">
					<li class="clearfix">
						<img src="images/cake1.jpg" />
						<div class="text-box  f-r clearfix">
							<p>商品编号：<span>010</span></p>
							<p>商品名称：<span class="goodsName">欧培拉</span></p>
							<!--<p>售价：<span class="price">¥170</span></p>
							<p>尺寸：<span>2.5磅</span></p>-->
							<div  class="priceMapSize clearfix"><div class="f-l">售价/尺寸：</div>
										<p class="f-l">&yen;<span class="price">80</span>&nbsp;/1磅&nbsp;&nbsp;&nbsp;</p>
										<p class="f-l">&yen;<span class="price">110</span>&nbsp;/1.5磅&nbsp;&nbsp;&nbsp;</p>
										<p class="f-l">&yen;<span class="price">140</span>&nbsp;/2磅&nbsp;&nbsp;&nbsp;</p>
										<p class="f-l">&yen;<span class="price">160</span>&nbsp;/2.5磅&nbsp;&nbsp;&nbsp;</p>
										
							</div>
							<p>权重值：<span class="weight">无</span></p>
							<p>商品描述：<span class="description">浸过咖啡糖浆的海绵蛋糕和牛油、鲜奶油和巧克力奶油并以此做成的馅，充满咖啡与巧克力的香味，入口即化</span></p>
							<p>库存：<span class="count">--</span></p>
							
							<p>修改日期：<span>--</span></p>
						</div>
						<div class="btn-box1">
							<input type="button" class="upBtn btn btn-primary" value="上架"/>
							<input type="button" class="editBtn btn btn-primary" value="编辑"/>
						</div> 
						<input type="checkbox" name="select"  />
					</li>
					<li class="clearfix">
						<img src="images/cake2.jpg" />
						<div class="text-box  f-r clearfix">
							<p>商品编号：<span>011</span></p>
							<p>商品名称：<span class="goodsName">蔓越优格</span></p>
							<!--<p>售价：<span class="price">¥180</span></p>
							<p>尺寸：<span>2.0磅</span></p>-->
							<div  class="priceMapSize clearfix"><div class="f-l">售价/尺寸：</div>
										<p class="f-l">&yen;<span class="price">80</span>&nbsp;/1磅&nbsp;&nbsp;&nbsp;</p>
										<p class="f-l">&yen;<span class="price">110</span>&nbsp;/1.5磅&nbsp;&nbsp;&nbsp;</p>
										<p class="f-l">&yen;<span class="price">140</span>&nbsp;/2磅&nbsp;&nbsp;&nbsp;</p>
										<p class="f-l">&yen;<span class="price">160</span>&nbsp;/2.5磅&nbsp;&nbsp;&nbsp;</p>
										
							</div>
							<p>权重值：<span class="weight">无</span></p>
							<p>商品描述：<span class="description">法国铁塔淡奶油、澳洲Binder Vally缤堡谷的“缤酸奶”、蔓越莓干、君度力娇酒、法国铁塔芝士</span></p>
							<p>库存：<span class="count">--</span></p>
							
							<p>修改日期：<span>--</span></p>
						</div>
						<div class="btn-box1">
							<input type="button" class="upBtn btn btn-primary" value="上架"/>
							<input type="button" class="editBtn btn btn-primary" value="编辑"/>
						</div>
						<input type="checkbox" name="select"  />
					</li>
				</ul>
			</div>
			
			<!--商品下架 down-goods-->
			<div role='tabpanel' class="down-goods tab-pane" id="down-goods">
				<!-- title 在tab下指明现在所属的tab -->
				<div class="clearfix m-b-30">
					<div class="title m-b-20 clearfix">
						<img src="images/down-goods.png" class="f-l"/>
						<span class="f-l f-16">已上架商品</span>
						<!----批量上架btn------>
						<input type="button" value="批量下架"  id="more-down">
						
						<!--select-CheckBox-->
						<div id="check">
							<label><input id="downAll" type="checkbox" name="select" /><span>全选</span></label>
							<!--<label><input id="others" type="checkbox" name="select" /><span>反选</span></label>-->
						</div>
					</div>
				</div>
				<!--已上架商品列表-->
				<ul id="toDownList" class="list">
					<li class="clearfix">
						<img src="images/cake3.jpg" />
						<div class="text-box  f-r clearfix">
							<p>商品编号：<span>001</span></p>
							<p>商品名称：<span class="goodsName">芒果慕斯</span></p>
							<!--<p>售价：<span class="price">¥150</span></p>
							<p>尺寸：<span>2.0磅</span></p>-->
							<div  class="priceMapSize clearfix"><div class="f-l">售价/尺寸：</div>
										<p class="f-l">&yen;<span class="price">80</span>&nbsp;/1磅&nbsp;&nbsp;&nbsp;</p>
										<p class="f-l">&yen;<span class="price">110</span>&nbsp;/1.5磅&nbsp;&nbsp;&nbsp;</p>
										<p class="f-l">&yen;<span class="price">140</span>&nbsp;/2磅&nbsp;&nbsp;&nbsp;</p>
										<p class="f-l">&yen;<span class="price">160</span>&nbsp;/2.5磅&nbsp;&nbsp;&nbsp;</p>
										
							</div>
							<p>权重值：<span class="weight">1</span></p>
							<p>商品描述：<span class="description">纯鲜芒果、法国宝茸顶级芒果果蓉、法国铁塔淡奶油</span></p>
							<p>库存：<span class="count">20</span></p>
							
							<p>修改日期：<span>2016/11/30</span></p>
						</div>
						<div class="btn-box1">
							<input type="button" class="downBtn btn btn-primary" value="下架"/>
							<input type="button" class="editBtn btn btn-primary" value="编辑"/>
						</div>
						<input type="checkbox" name="select"  />
					</li>
					<li class="clearfix">
						<img src="images/cake4.jpg" />
						<div class="text-box  f-r clearfix">
							<p>商品编号：<span>002</span></p>
							<p>商品名称：<span class="goodsName">布朗尼</span></p>
							<!--<p>售价：<span class="price">¥190</span></p>
							<p>尺寸：<span>2.0磅</span></p>-->
							<div  class="priceMapSize clearfix"><div class="f-l">售价/尺寸：</div>
										<p class="f-l">&yen;<span class="price">80</span>&nbsp;/1磅&nbsp;&nbsp;&nbsp;</p>
										<p class="f-l">&yen;<span class="price">110</span>&nbsp;/1.5磅&nbsp;&nbsp;&nbsp;</p>
										<p class="f-l">&yen;<span class="price">140</span>&nbsp;/2磅&nbsp;&nbsp;&nbsp;</p>
										<p class="f-l">&yen;<span class="price">160</span>&nbsp;/2.5磅&nbsp;&nbsp;&nbsp;</p>
										
							</div>
							<p>权重值：<span class="weight">2</span></p>
							<p>商品描述：<span class="description">法国顶级可可百利巧克力、安佳奶油、云南精选核桃仁</span></p>
							<p>库存：<span class="count">20</span></p>
							
							<p>修改日期：<span>2016/11/30</span></p>
						</div>
						<div class="btn-box1 ">
							<input type="button" class="downBtn btn btn-primary" value="下架"/>
							<input type="button" class="editBtn btn btn-primary" value="编辑"/>
						</div>
						<input type="checkbox" name="select"  />
					</li>
				</ul>
				
			</div>
			
			<!--添加商品 add-goods-->
			<div role='tabpanel' id="add-goods" class="tab-pane">
				<!-- title 在tab下指明现在所属的tab -->
				<div class="title m-b-20 clearfix">
					<img src="images/add-goods.png" class="f-l"/>
					<span class="f-l f-16">添加商品</span>
				</div>
				<div class="add-box f-l clearfix">
					<div class="left-box">
						<img src="images/img.jpg" id="img" />
						<a href="javascript:;" class="file">选择文件
						    <input type="file"  id="uppic" onchange="showPicture(this)"/>
						</a>
					</div>
					<div class="right-box">
						<form>
						<span>商品名称：</span><input type="text" id="goodsName"><br />
						<!--<span>售价：</span><input type="text"><br />
						<span>尺寸：</span><input type="text"><br />-->
						<div id='price-size' class="clearfix"><span class="f-l">售价/尺寸：</span>	
								<div id="priceMapSize" class="f-l">
									<p class="f-l">&yen;<input type="text" /> /1磅<br /></p>
									<p class="f-l">&yen;<input type="text" /> /1.5磅<br /></p>
									<p class="f-l">&yen;<input type="text" /> /2磅<br /></p>
									<p class="f-l">&yen;<input type="text" /> /2.5磅<br /></p>
									
								</div>
						</div>
						<span>权重值：</span><input type="text" id="weight"></span><br />
						<span>商品描述：</span><textarea id="description"></textarea><br />
						<span>库存：</span><input type="text" id="count"><br />
						<span>类型：</span>
						<div class="type clearfix">
							<div class="updown">
								<h3>按用途</h3>
								<ul id="select1" class="clearfix">
									<li><a href="javascript:;">生日</a></li>
									<li><a href="javascript:;">祝寿</a></li>
									<li><a href="javascript:;">宴会</a></li>
									<li><a href="javascript:;">婚庆</a></li>
									<li><a href="javascript:;">小蛋糕</a></li>
								</ul>
							</div>
							<div class="updown">
								<h3>按偏爱</h3>
								<ul id="select2"  class="clearfix">
									<li date-type="1"><a href="javascript:;">乳脂奶油</a></li>
									<li date-type="2"><a href="javascript:;">巧克力</a></li>
									<li date-type="3"><a href="javascript:;" >冰淇淋</a></li>
									<li date-type="4"><a href="javascript:;">水果</a></li>
									<li date-type="5"><a href="javascript:;">乳酪</a></li>
									<li date-type="6"><a href="javascript:;">提拉米苏</a></li>
									<li date-type="7"><a href="javascript:;">抹茶</a></li>
									<li date-type="6"><a href="javascript:;">翻糖</a></li>
									<li date-type="7"><a href="javascript:;">原味</a></li>
								</ul>
							</div>
							<div class="updown">
								<h3>按风味</h3>
								<ul id="select3"  class="clearfix">
									<li><a href="javascript:;">海绵</a></li>
									<li><a href="javascript:;">戚风</a></li>
									<li><a href="javascript:;">布丁</a></li>
									<li><a href="javascript:;">慕斯</a></li>
									<li><a href="javascript:;">芝士</a></li>
								</ul>
							</div>
						</div>
						<div class="sousuo clearfix">
							<div class="select-result clearfix">
								<ul></ul>
							</div>
						</div>
					</div>
					<div class="btn-box clearfix">
						<input type="reset" value="取消" class="f-l" id="reset"/>
						<input type="button" value="确定" class="f-r" id="confirm"/>
					</div>
					</form>
				</div>
			</div>
			
			<!--详情信息-->
			<div role='tabpanel' id="goods-detail" class="tab-pane">
				<!-- title 在tab下指明现在所属的tab -->
				<div class="title m-b-20 clearfix">
					<img src="images/goods-detail.png" class="f-l"/>
					<span class="f-l f-16">详情信息</span>
				</div>
				<ul id="allGoods" class="list">
					<li class="clearfix">
						<img src="images/cake3.jpg" />
						<div class="text-box  f-r clearfix">
							<p>商品编号：<span>001</span></p>
							<p>商品名称：<span>芒果慕斯</span></p>
							<!--<p>售价：<span class="price">¥150</span></p>
							<p>尺寸：<span>2.0磅</span></p>-->
							<div id="priceMapSize" class="clearfix"><div class="f-l">售价/尺寸：</div>
										<p class="f-l">&yen;<span class="price">80</span>&nbsp;/1磅&nbsp;&nbsp;&nbsp;</p>
										<p class="f-l">&yen;<span class="price">110</span>&nbsp;/1.5磅&nbsp;&nbsp;&nbsp;</p>
										<p class="f-l">&yen;<span class="price">140</span>&nbsp;/2磅&nbsp;&nbsp;&nbsp;</p>
										<p class="f-l">&yen;<span class="price">160</span>&nbsp;/2.5磅&nbsp;&nbsp;&nbsp;</p>
										
							</div>
							<p>权重值：<span class="weight">1</span></p>
							<p>商品描述：<span class="description">纯鲜芒果、法国宝茸顶级芒果果蓉、法国铁塔淡奶油</span></p>
							<p>库存：<span class="count">20</span></p>
							
							<p>修改日期：<span>2016/11/30</span></p>
						</div>
						<div class="btn-box1">
							<input type="button" class="editBtn btn btn-primary" value="编辑"/>
						</div>
						<div class="goodsState f-r">
							<span>已上架 上架日期：2016/11/30</span>
						</div>
					</li>
				</ul>
			</div>
			
			<div role='tabpanel' id="mask"></div>
		</div> <!--content-->
		
    </main>
    <footer>
        <strong class="m-l-20">Copyright © 2016 <a href="http://thoughtcoding.csxupt.com">新卓越计算机教育</a>.</strong> All rights reserved.
    </footer>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/common.js" charset="GB2312"></script>
<script type="text/javascript" src="js/total-infor.js"></script>
<script type="text/javascript" src="js/up-goods.js"></script>
<script type="text/javascript" src="js/add-goods.js"></script>
<script type="text/javascript" src="js/opr-goods.js"></script>
<script type="text/javascript" src="js/down-goods.js"></script>
</body>
</html>